<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_文本相关内容</title>
    <style>
        #szm{
            color: rgba(0,0,255,0.5);
            text-indent: 32px;
            /*letter-spacing: 20px;*/
            /*word-spacing: 50px;*/
        }

        #wuhan{
            text-decoration: red underline;
        }

        #lanzhou{
            text-decoration: blue overline dotted;
        }

        #chengdu{
            text-decoration: turquoise line-through wavy;
        }
        p{
            text-align: right;
        }
    </style>
</head>
<body>
<!--
    1.采用color属性进行文本颜色设置。同样可以采用颜色样式的四种表达方式，常用的是rgb() 和hela
    2.letter-spacing:属性可以用来控制字母之间的间距
    3.word-spacing:属性可以用来控制单词之间的间距,但是对于中文可能不会生效（其原理是利用空格进行匹配的）
    4.间距之间的单位可以是px，正值可以让间距增大，负值可以让间距减小。
    5.text-decoration 属性可以设置文本修饰，有none、underline(下划线)、overline（上划线）、line-through（删除线）可以搭配颜色、线的种类进行使用
        dotted: 虚线
        wavy: 波浪线
        color:指定线的颜色
    6.text-indent属性可以设置文本缩进，单位可以是px。后续会其他单位
    7.text-align属性可以设置文本的对齐方式，有left(左对齐)、right(右对齐)、center(居中对齐)、justify(两端对齐)
-->
    <div id = "szm">school bug cat car 后来有人告 诉我，他们中间有几个人因为从我的腰部往地下跳，竟跌伤了。
        但是他们不久又走了回来。有一个人竟敢走到他能看到我整个面孔的地方，他举起两手抬眼仰视，表示惊讶，用尖锐而清晰的声音高喊：“海琴那?带古尔”，
        其余的人也把这句话喊了几遍，但是那时我还不懂他们的意思。读者们可以相信，我一直这样躺着是非常不舒服的，
        最后终于挣扎起来，想挣脱绑缚。我很侥幸，一下子就挣断了绳索，并且拔出了地上那些缚住我左臂的木钉。我把左臂举到面前，
        才发现了他们捆缚我的方法。这时我用力猛扯一下，虽然十分疼痛，却把左边绑我头发的绳索挣松了一点，这样才稍稍能够把头转动两英寸光景。
        但是我还没来得及捉住他们，小人们就跑掉了;他们齐声尖锐刺耳地大喊，喊声过后，我听到一个人高声喊道：“陶尔哥?奉纳克”;
        一眨眼工夫，我觉得百来枝箭射中了我的左手，像针一样刺痛了我;接着他们又向天空射了一阵，就像我们欧洲人丢炸弹似的，我想有不少支箭落在我身上(虽然我不觉得)，有的还落在我脸上，我就赶忙用左手遮住了脸。
        这一阵箭雨过去以后，我不胜悲痛地呻吟起来，过了一会儿我又挣扎着要脱身，他们又放了一阵比刚才放的那些还长的箭，有些人还想用矛刺我的腰部;
        幸亏我穿着一件牛皮背心，他们刺不进去。--《格列佛游记》
    </div>
    <div id = "wuhan">
        武汉
    </div>
    <div id = "chengdu">
        成都
    </div>
    <div id = lanzhou>
        兰州
    </div>
    <p>
        欢迎来到刀塔世界
    </p>


</body>
</html>